<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../application/vue.js"></script>
</head>
<body>
    <div class="app">
        <p id="p" ref="aa">info:{{info}}</p>
        <input type="text" v-model="info">
    </div>
    <input type="button" value="赋值" onclick="getData()">
    <input type="button" value="实例挂载" onclick="getEl()">
</body>
<script>
    var vm=new Vue({
        // el:".app",
        data:{
            info:"我就是天"
        }
    });
    console.log(vm);
    console.log(vm.$el);
    console.log(vm.$data);
    function getData(){
        // vm.info="王梦云啊";
        vm.$data.info="袁天罡";
    }
    console.log("options:",vm.$options);
    console.log("==================");
    console.log(vm.$refs);
    console.log(vm.$refs.aa);
    console.log(document.getElementById("p"));

    function getEl(){
        vm.$mount(".app");
    }
</script>
</html>